<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>img标签</title>
</head>
<body>
<!--
img标签可以在html页面上显示图片
需求：使用img标签显示一张图片，设置宽高和边框属性
img标签是图像标签
	src属性设置图片路径
		在web中路径分为相对路径和绝对路径
			相对：
				.       表示当前文件所在目录
				..      表示当前文件所在目录的上一级目录
				文件名   表示当前文件所在目录的文件，相当于./当前目录 ./可以省略
			绝对：
				是指向一个因特网文件的完整 URL
				格式：http://ip:port/工程名/资源路径
		javaSE中路径分为绝对路径和相对路径
			相对路径：从工程名开始算
			绝对路径：盘符:/目录/文件名
	width属性     修改宽
	height属性    修改高
	border属性    修改边框
	alt属性       显示指定目录找不到图片时显示的画面
-->
绝对路径的的图片（可能访问不到）<br>
<img src="https://gitee.com/junzhao0807/ShangguiguJavaWeb/raw/bc20b6cb184e5a483d84e8f1bc53766b1284616d/imgs/lor.png"
     width="950" height="404" border="5" alt="这是烬"/>
<hr>
相对路径的图片<br>
<img src="../imgs/lor.png" width="950" height="404" border="2" alt="这是烬"/>
<img src="../imgs/雀a.png" width="960" height="540" border="2" alt="这是找不到的情况"/>
<img src="../imgs/刺客信条.png" width="960" height="540" border="2" alt="这是刺客信条"/>
<img src="../imgs/雀魂.png" width="960" height="540" border="2" alt="这是雀魂"/>
<hr>

</body>
</html>